<!--{template user/header}-->
<div class="container">
  <div class="nav-action">
		<!--{template user/left_side}-->
  </div>
  <!-- nav-action end -->
  <div class="content-panel">
      <div class="tab">
      	<a {if $op === 'chooseavatar'}class="selected"{/if} href="index.php?do=user&view=account&op=chooseavatar" >选择头像</a>
        <a {if $op === 'uploadavatar'}class="selected"{/if} href="index.php?do=user&view=account&op=uploadavatar" >上传头像</a>
      </div>
      <div class="tab_detail">
      		<h2 class="min-title">上传头像</h2>
            <p class="text-info"><i class="fa fa-info-circle"></i>点击"选择图片"上传您自己的头像。 上传完成之后点击"更新图片"按钮即可看见实际效果</p>
            <div class="img_cut mb_10 ">
                <div style="width:520px; margin:auto;">{$strUserSwf}</div>
            </div>
            <h2 class="min-title">头像预览</h2>
            <ul class="clearfix">
              <li class="thumbnail pull-left mr_10">
                  <!--{userpic($uid,larger)}-->
                <p><small>150x150像素</small></p>
              </li>
              <li class="thumbnail pull-left mr_10">
                <!--{userpic($uid,middle)}-->
                <p><small>100x100像素</small></p>
              </li>
              <li class="thumbnail pull-left mr_10">
                <!--{userpic($uid,small)}-->
                <p><small>50x50像素</small></p>
              </li>
            </ul>
          	<div class="text-center"><a href="javascript:window.location.reload();" class="btn btn-default">更新图片</a></div>
      </div>
  </div>
  </div>
<script type="text/javascript" src="static/js/model/user/account.js" ></script>
<!--{template user/footer}-->